﻿
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>AdminX</title>

    <!--icheck-->
    <link href="js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
    <link href="js/iCheck/skins/square/square.css" rel="stylesheet">
    <link href="js/iCheck/skins/square/red.css" rel="stylesheet">
    <link href="js/iCheck/skins/square/blue.css" rel="stylesheet">

    <!--dashboard calendar-->
    <link href="css/clndr.css" rel="stylesheet">


    <!--common-->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet">




    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sticky-header">

    <section>
        <!-- left side start-->
        <div class="left-side sticky-left-side">

            <!--logo and iconic logo start-->
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>

            <div class="logo-icon text-center">
                <a href="index.html"><img src="images/logo_icon.png" alt=""></a>
            </div>
            <!--logo and iconic logo end-->

            <div class="left-side-inner">

                <!-- visible to small devices only -->
                <div class="visible-xs hidden-sm hidden-md hidden-lg">
                    <div class="media logged-user">
                        <img alt="" src="images/photos/user-avatar.png" class="media-object">
                        <div class="media-body">
                            <h4><a href="#">John Doe</a></h4>
                            <span>"Hello There..."</span>
                        </div>
                    </div>

                    <h5 class="left-nav-title">Account Information</h5>
                    <ul class="nav nav-pills nav-stacked custom-nav">
                        <li><a href="#"><i class="fa fa-user"></i> <span>Profile</span></a></li>
                        <li><a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a></li>
                        <li><a href="#"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
                    </ul>
                </div>

                <!--sidebar nav start-->
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li class="active nav-hover">
                        <a href="index.html"><i class="fa fa-home"></i> <span>首页</span></a>
                    </li>

                    <li class="menu-list">
                        <a href=""><i class="fa fa-laptop"></i> <span>医院管理</span></a>
                        <ul class="sub-menu-list">
                            <li><a href="blank_page.html">医院信息</a></li>
                            <li><a href="blank_page.html">科室管理</a></li>
                            <li><a href="boxed_view.html">员工管理</a></li>
                            <li><a href="leftmenu_collapsed_view.html">新闻公告</a></li>
                        </ul>
                    </li>
                    <li class="menu-list">
                        <a href=""><i class="fa fa-bullhorn"></i> <span>微信管理</span></a>
                        <ul class="sub-menu-list">
                            <li><a href="grids.html">公共号管理</a></li>
                            <li><a href="grids.html">默认回复</a></li>
                            <li><a href="gallery.html">文本回复</a></li>
                            <li><a href="calendar.html">图文回复</a></li>
                            <li><a href="calendar.html">菜单设置</a></li>
                        </ul>
                    </li>
                    <li class="menu-list">
                        <a href=""><i class="fa fa-cogs"></i> <span>系统设置</span></a>
                        <ul class="sub-menu-list">
                            <li><a href="grids.html">挂号配置</a></li>
                        </ul>
                    </li>
                </ul>
                <!--sidebar nav end-->

            </div>
        </div>
        <!-- left side end-->
        <!-- main content start-->
        <div class="main-content">

            <!-- header section start-->
            <div class="header-section">

                <!--toggle button start-->
                <a class="toggle-btn"><i class="fa fa-bars"></i></a>
                <!--toggle button end-->
                <div class="btn-group" style="margin:7px 0 0 10px;">
                    <button class="btn btn-default" type="button">测试公众账号</button>
                    <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="#">复高医疗科技</a></li>
                    </ul>
                </div>
                <!--search end-->
                <!--notification menu start -->
                <div class="menu-right">
                    <ul class="notification-menu">
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                                <i class="fa fa-tasks"></i>
                                <span class="badge">8</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-head pull-right">
                                <h5 class="title">You have 8 pending task</h5>
                                <ul class="dropdown-list user-list">
                                    <li class="new">
                                        <a href="#">
                                            <div class="task-info">
                                                <div>Database update</div>
                                            </div>
                                            <div class="progress progress-striped">
                                                <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                                                    <span class="">40%</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new">
                                        <a href="#">
                                            <div class="task-info">
                                                <div>Dashboard done</div>
                                            </div>
                                            <div class="progress progress-striped">
                                                <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
                                                    <span class="">90%</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="task-info">
                                                <div>Web Development</div>
                                            </div>
                                            <div class="progress progress-striped">
                                                <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
                                                    <span class="">66% </span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="task-info">
                                                <div>Mobile App</div>
                                            </div>
                                            <div class="progress progress-striped">
                                                <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
                                                    <span class="">33% </span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="task-info">
                                                <div>Issues fixed</div>
                                            </div>
                                            <div class="progress progress-striped">
                                                <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar">
                                                    <span class="">80% </span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new"><a href="">See All Pending Task</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                                <i class="fa fa-envelope-o"></i>
                                <span class="badge">5</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-head pull-right">
                                <h5 class="title">You have 5 Mails </h5>
                                <ul class="dropdown-list normal-list">
                                    <li class="new">
                                        <a href="">
                                            <span class="thumb"><img src="images/photos/user1.png" alt="" /></span>
                                            <span class="desc">
                                                <span class="name">John Doe <span class="badge badge-success">new</span></span>
                                                <span class="msg">Lorem ipsum dolor sit amet...</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="thumb"><img src="images/photos/user2.png" alt="" /></span>
                                            <span class="desc">
                                                <span class="name">Jonathan Smith</span>
                                                <span class="msg">Lorem ipsum dolor sit amet...</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="thumb"><img src="images/photos/user3.png" alt="" /></span>
                                            <span class="desc">
                                                <span class="name">Jane Doe</span>
                                                <span class="msg">Lorem ipsum dolor sit amet...</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="thumb"><img src="images/photos/user4.png" alt="" /></span>
                                            <span class="desc">
                                                <span class="name">Mark Henry</span>
                                                <span class="msg">Lorem ipsum dolor sit amet...</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="thumb"><img src="images/photos/user5.png" alt="" /></span>
                                            <span class="desc">
                                                <span class="name">Jim Doe</span>
                                                <span class="msg">Lorem ipsum dolor sit amet...</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="new"><a href="">Read All Mails</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                                <i class="fa fa-bell-o"></i>
                                <span class="badge">4</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-head pull-right">
                                <h5 class="title">Notifications</h5>
                                <ul class="dropdown-list normal-list">
                                    <li class="new">
                                        <a href="">
                                            <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                            <span class="name">Server #1 overloaded.  </span>
                                            <em class="small">34 mins</em>
                                        </a>
                                    </li>
                                    <li class="new">
                                        <a href="">
                                            <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                            <span class="name">Server #3 overloaded.  </span>
                                            <em class="small">1 hrs</em>
                                        </a>
                                    </li>
                                    <li class="new">
                                        <a href="">
                                            <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                            <span class="name">Server #5 overloaded.  </span>
                                            <em class="small">4 hrs</em>
                                        </a>
                                    </li>
                                    <li class="new">
                                        <a href="">
                                            <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                            <span class="name">Server #31 overloaded.  </span>
                                            <em class="small">4 hrs</em>
                                        </a>
                                    </li>
                                    <li class="new"><a href="">See All Notifications</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <img src="images/photos/user-avatar.png" alt="" />
                                管理员
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
                                <li><a href="#"><i class="fa fa-cog"></i>  Settings</a></li>
                                <li><a href="#"><i class="fa fa-sign-out"></i> Log Out</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>
                <!--notification menu end -->

            </div>
            <!-- header section end-->
            <!--body wrapper start-->
            <div class="wrapper">
                <div class="row">
                    <div class="col-md-4">
                        <div class="panel">
                            <div class="panel-body">
                                <div class="calendar-block ">
                                    <div class="cal1"><div class="clndr"><div class="clndr-controls"><div class="clndr-control-button"><span class="clndr-previous-button"><i class="fa fa-chevron-left"></i></span></div><div class="month"><span>October</span> 2014</div><div class="clndr-control-button leftalign"><span class="clndr-next-button"><i class="fa fa-chevron-right"></i></span></div></div><table class="clndr-table" border="0" cellspacing="0" cellpadding="0"><thead><tr class="header-days"><td class="header-day">S</td><td class="header-day">M</td><td class="header-day">T</td><td class="header-day">W</td><td class="header-day">T</td><td class="header-day">F</td><td class="header-day">S</td></tr></thead><tbody><tr><td class="day past adjacent-month last-month calendar-day-2014-09-28"><div class="day-contents">28</div></td><td class="day past adjacent-month last-month calendar-day-2014-09-29"><div class="day-contents">29</div></td><td class="day past adjacent-month last-month calendar-day-2014-09-30"><div class="day-contents">30</div></td><td class="day past calendar-day-2014-10-01"><div class="day-contents">1</div></td><td class="day past calendar-day-2014-10-02"><div class="day-contents">2</div></td><td class="day past calendar-day-2014-10-03"><div class="day-contents">3</div></td><td class="day past calendar-day-2014-10-04"><div class="day-contents">4</div></td></tr><tr><td class="day past calendar-day-2014-10-05"><div class="day-contents">5</div></td><td class="day past calendar-day-2014-10-06"><div class="day-contents">6</div></td><td class="day past calendar-day-2014-10-07"><div class="day-contents">7</div></td><td class="day past calendar-day-2014-10-08"><div class="day-contents">8</div></td><td class="day past calendar-day-2014-10-09"><div class="day-contents">9</div></td><td class="day past event calendar-day-2014-10-10"><div class="day-contents">10</div></td><td class="day past event calendar-day-2014-10-11"><div class="day-contents">11</div></td></tr><tr><td class="day past event calendar-day-2014-10-12"><div class="day-contents">12</div></td><td class="day past event calendar-day-2014-10-13"><div class="day-contents">13</div></td><td class="day past event calendar-day-2014-10-14"><div class="day-contents">14</div></td><td class="day past calendar-day-2014-10-15"><div class="day-contents">15</div></td><td class="day past calendar-day-2014-10-16"><div class="day-contents">16</div></td><td class="day past calendar-day-2014-10-17"><div class="day-contents">17</div></td><td class="day past calendar-day-2014-10-18"><div class="day-contents">18</div></td></tr><tr><td class="day past calendar-day-2014-10-19"><div class="day-contents">19</div></td><td class="day past calendar-day-2014-10-20"><div class="day-contents">20</div></td><td class="day today event calendar-day-2014-10-21"><div class="day-contents">21</div></td><td class="day event calendar-day-2014-10-22"><div class="day-contents">22</div></td><td class="day event calendar-day-2014-10-23"><div class="day-contents">23</div></td><td class="day calendar-day-2014-10-24"><div class="day-contents">24</div></td><td class="day calendar-day-2014-10-25"><div class="day-contents">25</div></td></tr><tr><td class="day calendar-day-2014-10-26"><div class="day-contents">26</div></td><td class="day calendar-day-2014-10-27"><div class="day-contents">27</div></td><td class="day calendar-day-2014-10-28"><div class="day-contents">28</div></td><td class="day calendar-day-2014-10-29"><div class="day-contents">29</div></td><td class="day calendar-day-2014-10-30"><div class="day-contents">30</div></td><td class="day calendar-day-2014-10-31"><div class="day-contents">31</div></td><td class="day adjacent-month next-month calendar-day-2014-11-01"><div class="day-contents">1</div></td></tr></tbody></table></div></div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <header class="panel-heading">
                                Todo List
                                <span class="tools pull-right">
                                    <a class="fa fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-times" href="javascript:;"></a>
                                </span>
                            </header>
                            <div class="panel-body">
                                <ul class="to-do-list ui-sortable" id="sortable-todo">
                                    <li class="clearfix">
                                        <span class="drag-marker">
                                            <i></i>
                                        </span>
                                        <div class="todo-check pull-left">
                                            <input type="checkbox" value="None" id="todo-check">
                                            <label for="todo-check"></label>
                                        </div>
                                        <p class="todo-title">
                                            Dashboard Design &amp; Wiget placement
                                        </p>
                                        <div class="todo-actionlist pull-right clearfix">

                                            <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <span class="drag-marker">
                                            <i></i>
                                        </span>
                                        <div class="todo-check pull-left">
                                            <input type="checkbox" value="None" id="todo-check1">
                                            <label for="todo-check1"></label>
                                        </div>
                                        <p class="todo-title">
                                            Wireframe prepare for new design
                                        </p>
                                        <div class="todo-actionlist pull-right clearfix">

                                            <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <span class="drag-marker">
                                            <i></i>
                                        </span>
                                        <div class="todo-check pull-left">
                                            <input type="checkbox" value="None" id="todo-check2">
                                            <label for="todo-check2"></label>
                                        </div>
                                        <p class="todo-title">
                                            UI perfection testing for Mega Section
                                        </p>
                                        <div class="todo-actionlist pull-right clearfix">

                                            <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <span class="drag-marker">
                                            <i></i>
                                        </span>
                                        <div class="todo-check pull-left">
                                            <input type="checkbox" value="None" id="todo-check3">
                                            <label for="todo-check3"></label>
                                        </div>
                                        <p class="todo-title">
                                            Wiget &amp; Design placement
                                        </p>
                                        <div class="todo-actionlist pull-right clearfix">

                                            <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <span class="drag-marker">
                                            <i></i>
                                        </span>
                                        <div class="todo-check pull-left">
                                            <input type="checkbox" value="None" id="todo-check4">
                                            <label for="todo-check4"></label>
                                        </div>
                                        <p class="todo-title">
                                            Development &amp; Wiget placement
                                        </p>
                                        <div class="todo-actionlist pull-right clearfix">

                                            <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>

                                </ul>
                                <div class="row">
                                    <div class="col-md-12">
                                        <form role="form" class="form-inline">
                                            <div class="form-group todo-entry">
                                                <input type="text" placeholder="Enter your ToDo List" class="form-control" style="width: 100%">
                                            </div>
                                            <button class="btn btn-primary pull-right" type="submit">+</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel blue-box twt-info">
                            <div class="panel-body">
                                <h3>19 Februay 2014</h3>

                                <p>
                                    AdminEx is new model of admin
                                    dashboard <a href="#">http://t.co/3laCVziTw4</a>
                                    4 days ago by John Doe
                                </p>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="media usr-info">
                                    <a href="#" class="pull-left">
                                        <img class="thumb" src="images/photos/user2.png" alt="">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">Mila Watson</h4>
                                        <span>Senior UI Designer</span>
                                        <p>I use to design websites and applications for the web.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer custom-trq-footer">
                                <ul class="user-states">
                                    <li>
                                        <i class="fa fa-heart"></i> 127
                                    </li>
                                    <li>
                                        <i class="fa fa-eye"></i> 853
                                    </li>
                                    <li>
                                        <i class="fa fa-user"></i> 311
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--body wrapper end-->
            <!--footer section start-->
            <footer>
                2014 &copy; AdminEx by ThemeBucket
            </footer>
            <!--footer section end-->


        </div>
        <!-- main content end-->
    </section>

    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-ui-1.9.2.custom.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery.nicescroll.js"></script>

    <!--easy pie chart-->
    <script src="js/easypiechart/jquery.easypiechart.js"></script>
    <script src="js/easypiechart/easypiechart-init.js"></script>

    <!--Sparkline Chart-->
    <script src="js/sparkline/jquery.sparkline.js"></script>
    <script src="js/sparkline/sparkline-init.js"></script>

    <!--icheck -->
    <script src="js/iCheck/jquery.icheck.js"></script>
    <script src="js/icheck-init.js"></script>

    <!-- jQuery Flot Chart-->
    <script src="js/flot-chart/jquery.flot.js"></script>
    <script src="js/flot-chart/jquery.flot.tooltip.js"></script>
    <script src="js/flot-chart/jquery.flot.resize.js"></script>


    <!--Morris Chart-->
    <script src="js/morris-chart/morris.js"></script>
    <script src="js/morris-chart/raphael-min.js"></script>

    <!--Calendar-->
    <script src="js/calendar/clndr.js"></script>
    <script src="js/calendar/evnt.calendar.init.js"></script>
    <script src="js/calendar/moment-2.2.1.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

    <!--common scripts for all pages-->
    <script src="js/scripts.js"></script>

    <!--Dashboard Charts-->
    <script src="js/dashboard-chart-init.js"></script>


</body>
</html>
